<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            
            

    <!-- aditional stylesheets -->
        <!-- jQuery UI theme -->
            <link rel="stylesheet" href="js/lib/jquery-ui/css/Aristo/Aristo.css">
        <!-- 2 col multiselect -->
            <link rel="stylesheet" href="js/lib/multi-select/css/multi-select.css">
        <!-- enchanced select box, tag handler -->
            <link rel="stylesheet" href="js/lib/select2/select2.css">
        <!-- datepicker -->
            <link rel="stylesheet" href="js/lib/bootstrap-datepicker/css/datepicker.css">
        <!-- timepicker -->
            <link rel="stylesheet" href="js/lib/bootstrap-timepicker/css/timepicker.css">
        <!-- colorpicker -->
            <link rel="stylesheet" href="js/lib/bootstrap-colorpicker/css/colorpicker.css">
        <!-- switch buttons -->
            <link rel="stylesheet" href="js/lib/ibutton/css/jquery.ibutton.css">
        <!-- UI Spinners -->
            <link rel="stylesheet" href="js/lib/jqamp-ui-spinner/css/jqamp-ui-spinner.css">
        <!-- multiupload -->
            <link rel="stylesheet" href="js/lib/plupload/js/jquery.plupload.queue/css/plupload-beoro.css">


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">

        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="pull-right top-search">
                            <form action="" >
                                <input type="text" name="q" id="q-main">
                                <button class="btn"><i class="icon-search"></i></button>
                            </form>
                        </div>
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href="javascript:void(0)">Forms</a>
                                    <ul>
                                        <li>
                                            <a href="form_elements.html">Form elements</a>
                                        </li>
                                        <li>
                                            <a href="form_validation.html">Form validation</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Components</a>
                                    <ul>
                                        <li>
                                            <a href="calendar.html">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="charts.html">Charts</a>
                                        </li>
                                        <li>
                                            <a href="contact_list.html">Contact List</a>
                                        </li>
                                        <li>
                                            <a href="datatables.html">Datatables</a>
                                        </li>
                                        <li>
                                            <a href="editable_elements.html">Editable Elements</a>
                                        </li>
                                        <li>
                                            <a href="file_manager.html">File manager</a>
                                        </li>
                                        <li>
                                            <a href="gallery.html">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="gmaps.html">Google Maps</a>
                                        </li>
                                        <li>
                                            <a href="#">Tables</a>
                                            <ul>
                                                <li><a href="tables_regular.html">Regular Tables</a></li>
                                                <li><a href="table_stacking.html">Stacking Table</a></li>
                                                <li><a href="table_examples.html">Table examples</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="wizard.html">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">UI Elements</a>
                                    <ul>
                                        <li><a href="alerts_buttons.html">Alerts, Buttons</a></li>
                                        <li><a href="grid.html">Grid</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li>
                                            <a href="notifications.html">Notifications</a>
                                        </li>
                                        <li><a href="tabs_accordions.html">Tabs, Accordions</a></li>
                                        <li><a href="tooltips_popovers.html">Tooltips, Popovers</a></li>
                                        <li><a href="typography.html">Typography</a></li>
                                        <li><a href="widgets.html">Widgets</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Other pages</a>
                                    <ul>
                                        <li><a href="ajax_content.html">Ajax content</a></li>
                                        <li><a href="blank.html">Blank page</a></li>
                                        <li><a href="blog_page.html">Blog page</a></li>
                                        <li><a href="blog_page_single.html">Blog page (single)</a></li>
                                        <li><a href="error_404.html">Error 404</a></li>
                                        <li><a href="help_faq.html">Help/Faq</a></li>
                                        <li><a href="invoices.html">Invoices</a></li>
                                        <li><a href="login.html">Login Page</a></li>
                                        <li><a href="mailbox.html">Mailbox</a></li>
                                        <li><a href="user_profile.html">User profile</a></li>
                                        <li><a href="settings.html">Site Settings</a></li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void(0)">Sub-menu</a>
                                    <ul>
                                        <li><a href="#">Section 1</a></li>
                                        <li><a href="#">Section 2</a></li>
                                        <li><a href="#">Section 3</a></li>
                                        <li>
                                            <a href="#">Section 4</a>
                                            <ul>
                                                <li><a href="#">Section 4.1</a></li>
                                                <li><a href="#">Section 4.2</a></li>
                                                <li><a href="#">Section 4.3</a></li>
                                                <li>
                                                    <a href="#">Section 4.4</a>
                                                    <ul>
                                                        <li><a href="#">Section 4.4.1</a></li>
                                                        <li><a href="#">Section 4.4.2</a></li>
                                                        <li><a href="#">Section 4.4.4</a></li>
                                                        <li><a href="#">Section 4.4.5</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Section5</a></li>
                                        <li><a href="#">Section6</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="dashboard.html"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            <nav class="nav-icons">
                                <ul>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Dashboard"><i class="icsw16-home"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Content"><i class="icsw16-create-write"></i></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Mailbox"><i class="icsw16-mail"></i><span class="badge badge-info">6</span></a></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Comments"><i class="icsw16-speech-bubbles"></i><span class="badge badge-important">14</span></a></li>
                                    <li class="active"><span class="ptip_s" title="Statistics (active)"><i class="icsw16-graph"></i></span></li>
                                    <li><a href="javascript:void(0)" class="ptip_s" title="Settings"><i class="icsw16-cog"></i></a></li>
                                </ul>
                             </nav>
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">
                                    <img src="img/avatars/avatar.png" alt="" class="user-avatar img-avatar">
                                    <div class="user-info">
                                        Welcome, <strong>Jonathan</strong>
                                        <ul class="unstyled">
                                            <li><a href="user_profile.html">Settings</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Logout</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

        <!-- breadcrumbs -->
            <div class="container">
                <ul id="breadcrumbs">
                    <li><a href="javascript:void(0)"><i class="icon-home"></i></a></li>
                    <li><a href="javascript:void(0)">Content</a></li>
                    <li><a href="javascript:void(0)">Article: Lorem ipsum dolor...</a></li>
                    <li><a href="javascript:void(0)">Comments</a></li>
                    <li><span>Lorem ipsum dolor sit amet...</span></li>
                </ul>
            </div>
            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span2">
                        <div class="sidebar">
                            <ul id="pageNav">
                                <li><a href="#n_slider_progressbar">Slider, Progressbar</a></li>
                                <li><a href="#n_multiselect">Multiselect</a></li>
                                <li><a href="#n_combobox">Combobox</a></li>
                                <li><a href="#n_ench_select">Enchanced select box, tag handler</a></li>
                                <li><a href="#n_fileupload">Fileupload</a></li>
                                <li><a href="#n_masked_inputs">Masked inputs</a></li>
                                <li><a href="#n_strength_meter">Password strength meter</a></li>
                                <li><a href="#n_datepicker">Datepicker</a></li>
                                <li><a href="#n_timepicker">Timepicker</a></li>
                                <li><a href="#n_colorpicker">Colorpicker</a></li>
                                <li><a href="#n_switch_buttons">Switch Buttons</a></li>
                                <li><a href="#n_autosize_textarea">Autosize Textarea</a></li>
                                <li><a href="#n_word_character_limiter">Textarea counter</a></li>
                                <li><a href="#n_spinners">UI Spinners</a></li>
                                <li><a href="#n_multiupload">Multiupload</a></li>
                                <li><a href="#n_wysiwg">WYSIWG Editor</a></li>
                                <li><a href="#n_regular_elements">Form controls</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span10">
                        <div class="w-box w-box-green" id="n_slider_progressbar">
                            <div class="w-box-header">
                                <h4>Slider, Progresbar</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <div class="sepH_c">
                                            <p class="sepH_a">Donation amount ($50 increments): <strong class="ui_slider1_val"></strong></p>
                                            <div class="ui_slider1"></div>
                                            <input type="hidden" name="ui_slider_default_val" id="ui_slider_default_val">
                                        </div>
                                        <div class="sepH_c">
                                            <p class="sepH_a">Price Range: <strong class="ui_slider2_val"></strong></p>
                                            <div class="ui_slider2"></div>
                                            <input type="hidden" name="ui_slider_min" id="ui_slider_min_val">
                                            <input type="hidden" name="ui_slider_max" id="ui_slider_max_val">
                                        </div>
                                        <div class="sepH_c">
                                            <form class="form-inline">
                                                <label for="ui_slider3_sel" class="sepH_b">Minimum number of beds</label>
                                                <select name="ui_slider3_sel" id="ui_slider3_sel" class="input-mini">
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                    <option>6</option>
                                                </select>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="span6">
                                        <div id="progress1" class="sepH_b">
                                            <div class="percent"></div>
                                            <div class="pbar"></div>
                                            <div class="elapsed"></div>
                                        </div>
                                        <div id="progress2" class="sepH_b">
                                            <div class="percent"></div>
                                            <div class="pbar"></div>
                                            <div class="elapsed"></div>
                                        </div>
                                        <div id="progress3">
                                            <div class="percent"></div>
                                            <div class="pbar"></div>
                                            <div class="elapsed"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_multiselect">
                            <div class="w-box-header">
                                <h4>Multiselect</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <label>Optgroup</label>
                                        <select id="optgroup" multiple="multiple">
                                            <optgroup label="Friends">
                                                <option value="1">Yoda</option>
                                                <option value="2">Obiwan</option>
                                            </optgroup>
                                            <optgroup label="Enemies">
                                                <option value="3">Palpatine</option>
                                                <option value="4">Darth Vader</option>
                                            </optgroup>
                                        </select>
                                    </div>
                                    <div class="span6">
                                        <label>Public methods</label>
                                        <select id="public-methods" multiple="multiple">
                                            <option value="fr">France</option>
                                            <option value="uk">United Kingdom</option>
                                            <option value="us">United States</option>
                                            <option value="ch">China</option>
                                        </select>
                                        <div class="btn-toolbar">
                                            <div class="btn-group">
                                                <a href="#" id="select-all" class="btn btn-mini">Select all</a>
                                                <a href="#" id="deselect-all" class="btn btn-mini">Deselect all</a>
                                            </div>
                                        </div>
                                        <div class="btn-toolbar">
                                            <div class="btn-group">
                                                <a href="#" id="select-fr" class="btn btn-mini">Select France</a>
                                                <a href="#" id="deselect-fr" class="btn btn-mini">Deselect France</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span6">
                                        <label>Custom headers</label>
                                        <select id="custom-headers" multiple="multiple">
                                            <option value="fr">France</option>
                                            <option value="uk">United Kingdom</option>
                                            <option value="us">United States</option>
                                            <option value="ch">China</option>
                                        </select>
                                    </div>
                                    <div class="span6">
                                        <label>Searchable</label>
                                        <select id="searchable" multiple="multiple">
                                            <optgroup label="Africa"><option value="DZ">Algeria</option><option value="AO">Angola</option><option value="BJ">Benin</option><option value="BW">Botswana</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="CM">Cameroon</option><option value="CV">Cape Verde</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="KM">Comoros</option><option value="CD">Congo [DRC]</option><option value="CG">Congo [Republic]</option><option value="DJ">Djibouti</option><option value="EG">Egypt</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="ET">Ethiopia</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GH">Ghana</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="CI">Ivory Coast</option><option value="KE">Kenya</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="ML">Mali</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="NA">Namibia</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="RW">Rwanda</option><option value="RE">Réunion</option><option value="SH">Saint Helena</option><option value="SN">Senegal</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="SD">Sudan</option><option value="SZ">Swaziland</option><option value="ST">São Tomé and Príncipe</option><option value="TZ">Tanzania</option><option value="TG">Togo</option><option value="TN">Tunisia</option><option value="UG">Uganda</option><option value="EH">Western Sahara</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option></optgroup><optgroup label="Antarctica"><option value="AQ">Antarctica</option><option value="BV">Bouvet Island</option><option value="TF">French Southern Territories</option><option value="HM">Heard Island and McDonald Island</option><option value="GS">South Georgia and the South Sandwich Islands</option></optgroup><optgroup label="Asia"><option value="AF">Afghanistan</option><option value="AM">Armenia</option><option value="AZ">Azerbaijan</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BT">Bhutan</option><option value="IO">British Indian Ocean Territory</option><option value="BN">Brunei</option><option value="KH">Cambodia</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos [Keeling] Islands</option><option value="GE">Georgia</option><option value="HK">Hong Kong</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran</option><option value="IQ">Iraq</option><option value="IL">Israel</option><option value="JP">Japan</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LB">Lebanon</option><option value="MO">Macau</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="MN">Mongolia</option><option value="MM">Myanmar [Burma]</option><option value="NP">Nepal</option><option value="KP">North Korea</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PS">Palestinian Territories</option><option value="PH">Philippines</option><option value="QA">Qatar</option><option value="SA">Saudi Arabia</option><option value="SG">Singapore</option><option value="KR">South Korea</option><option value="LK">Sri Lanka</option><option value="SY">Syria</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TH">Thailand</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="AE">United Arab Emirates</option><option value="UZ">Uzbekistan</option><option value="VN">Vietnam</option><option value="YE">Yemen</option></optgroup><optgroup label="Europe"><option value="AL">Albania</option><option value="AD">Andorra</option><option value="AT">Austria</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BA">Bosnia and Herzegovina</option><option value="BG">Bulgaria</option><option value="HR">Croatia</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="EE">Estonia</option><option value="FO">Faroe Islands</option><option value="FI">Finland</option><option value="FR">France</option><option value="DE">Germany</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GG">Guernsey</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IT">Italy</option><option value="JE">Jersey</option><option value="XK">Kosovo</option><option value="LV">Latvia</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MK">Macedonia</option><option value="MT">Malta</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="ME">Montenegro</option><option value="NL">Netherlands</option><option value="NO">Norway</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="SM">San Marino</option><option value="RS">Serbia</option><option value="CS">Serbia and Montenegro</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="ES">Spain</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="UA">Ukraine</option><option value="GB">United Kingdom</option><option value="VA">Vatican City</option><option value="AX">Åland Islands</option></optgroup><optgroup label="North America"><option value="AI">Anguilla</option><option value="AG">Antigua and Barbuda</option><option value="AW">Aruba</option><option value="BS">Bahamas</option><option value="BB">Barbados</option><option value="BZ">Belize</option><option value="BM">Bermuda</option><option value="BQ">Bonaire, Saint Eustatius and Saba</option><option value="VG">British Virgin Islands</option><option value="CA">Canada</option><option value="KY">Cayman Islands</option><option value="CR">Costa Rica</option><option value="CU">Cuba</option><option value="CW">Curacao</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="SV">El Salvador</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GT">Guatemala</option><option value="HT">Haiti</option><option value="HN">Honduras</option><option value="JM">Jamaica</option><option value="MQ">Martinique</option><option value="MX">Mexico</option><option value="MS">Montserrat</option><option value="AN">Netherlands Antilles</option><option value="NI">Nicaragua</option><option value="PA">Panama</option><option value="PR">Puerto Rico</option><option value="BL">Saint Barthélemy</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="SX">Sint Maarten</option><option value="TT">Trinidad and Tobago</option><option value="TC">Turks and Caicos Islands</option><option value="VI">U.S. Virgin Islands</option><option value="US">United States</option></optgroup><optgroup label="South America"><option value="AR">Argentina</option><option value="BO">Bolivia</option><option value="BR">Brazil</option><option value="CL">Chile</option><option value="CO">Colombia</option><option value="EC">Ecuador</option><option value="FK">Falkland Islands</option><option value="GF">French Guiana</option><option value="GY">Guyana</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="SR">Suriname</option><option value="UY">Uruguay</option><option value="VE">Venezuela</option></optgroup><optgroup label="Oceania"><option value="AS">American Samoa</option><option value="AU">Australia</option><option value="CK">Cook Islands</option><option value="TL">East Timor</option><option value="FJ">Fiji</option><option value="PF">French Polynesia</option><option value="GU">Guam</option><option value="KI">Kiribati</option><option value="MH">Marshall Islands</option><option value="FM">Micronesia</option><option value="NR">Nauru</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="MP">Northern Mariana Islands</option><option value="PW">Palau</option><option value="PG">Papua New Guinea</option><option value="PN">Pitcairn Islands</option><option value="WS">Samoa</option><option value="SB">Solomon Islands</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TV">Tuvalu</option><option value="UM">U.S. Minor Outlying Islands</option><option value="VU">Vanuatu</option><option value="WF">Wallis and Futuna</option></optgroup>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_combobox">
                            <div class="w-box-header">
                                <h4>Combobox</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="input-append dropdown combobox">
                                            <input class="span2" type="text"><button class="btn" data-toggle="dropdown"><i class="caret"></i></button>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Item One</a></li>
                                                <li><a href="#">Item Two</a></li>
                                                <li><a href="#">Item Three</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#">Item After Divider</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_ench_select">
                            <div class="w-box-header">
                                <h4>Enchanced select box, tag handler</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <label>The Basic</label>
                                        <select id="s2_single" class="span12">
                                            <option value=""></option>
                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                            <option value="AK">Alaska</option>
                                            <option value="HI">Hawaii</option>
                                        </optgroup>
                                        <optgroup label="Pacific Time Zone">
                                            <option value="CA">California</option>
                                            <option value="NV">Nevada</option>
                                            <option value="OR">Oregon</option>
                                            <option value="WA">Washington</option>
                                        </optgroup>
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="ID">Idaho</option>
                                            <option value="MT">Montana</option>
                                            <option value="NE">Nebraska</option>
                                            <option value="NM">New Mexico</option>
                                            <option value="ND">North Dakota</option>
                                            <option value="UT">Utah</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="IL">Illinois</option>
                                            <option value="IA">Iowa</option>
                                            <option value="KS">Kansas</option>
                                            <option value="KY">Kentucky</option>
                                            <option value="LA">Louisiana</option>
                                            <option value="MN">Minnesota</option>
                                            <option value="MS">Mississippi</option>
                                            <option value="MO">Missouri</option>
                                            <option value="OK">Oklahoma</option>
                                            <option value="SD">South Dakota</option>
                                            <option value="TX">Texas</option>
                                            <option value="TN">Tennessee</option>
                                            <option value="WI">Wisconsin</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                            <option value="GA">Georgia</option>
                                            <option value="IN">Indiana</option>
                                            <option value="ME">Maine</option>
                                            <option value="MD">Maryland</option>
                                            <option value="MA">Massachusetts</option>
                                            <option value="MI">Michigan</option>
                                            <option value="NH">New Hampshire</option>
                                            <option value="NJ">New Jersey</option>
                                            <option value="NY">New York</option>
                                            <option value="NC">North Carolina</option>
                                            <option value="OH">Ohio</option>
                                            <option value="PA">Pennsylvania</option>
                                            <option value="RI">Rhode Island</option>
                                            <option value="SC">South Carolina</option>
                                            <option value="VT">Vermont</option>
                                            <option value="VA">Virginia</option>
                                            <option value="WV">West Virginia</option>
                                        </optgroup>
                                        </select>
                                    </div>
                                    <div class="span6">
                                        <label>Loading Data</label>
                                        <input type="text" id="s2_single_data" class="span12">
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span6">
                                        <label>Multi-Value Select Box</label>
                                        <select id="s2_multiple" multiple class="span12">
                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                            <option value="AK">Alaska</option>
                                            <option value="HI">Hawaii</option>
                                        </optgroup>
                                        <optgroup label="Pacific Time Zone">
                                            <option value="CA">California</option>
                                            <option value="NV">Nevada</option>
                                            <option value="OR">Oregon</option>
                                            <option value="WA">Washington</option>
                                        </optgroup>
                                        <optgroup label="Mountain Time Zone">
                                            <option value="AZ">Arizona</option>
                                            <option value="CO">Colorado</option>
                                            <option value="ID">Idaho</option>
                                            <option value="MT">Montana</option>
                                            <option value="NE">Nebraska</option>
                                            <option value="NM">New Mexico</option>
                                            <option value="ND">North Dakota</option>
                                            <option value="UT">Utah</option>
                                            <option value="WY">Wyoming</option>
                                        </optgroup>
                                        <optgroup label="Central Time Zone">
                                            <option value="AL">Alabama</option>
                                            <option value="AR">Arkansas</option>
                                            <option value="IL">Illinois</option>
                                            <option value="IA">Iowa</option>
                                            <option value="KS">Kansas</option>
                                            <option value="KY">Kentucky</option>
                                            <option value="LA">Louisiana</option>
                                            <option value="MN">Minnesota</option>
                                            <option value="MS">Mississippi</option>
                                            <option value="MO">Missouri</option>
                                            <option value="OK">Oklahoma</option>
                                            <option value="SD">South Dakota</option>
                                            <option value="TX">Texas</option>
                                            <option value="TN">Tennessee</option>
                                            <option value="WI">Wisconsin</option>
                                        </optgroup>
                                        <optgroup label="Eastern Time Zone">
                                            <option value="CT">Connecticut</option>
                                            <option value="DE">Delaware</option>
                                            <option value="FL">Florida</option>
                                            <option value="GA">Georgia</option>
                                            <option value="IN">Indiana</option>
                                            <option value="ME">Maine</option>
                                            <option value="MD">Maryland</option>
                                            <option value="MA">Massachusetts</option>
                                            <option value="MI">Michigan</option>
                                            <option value="NH">New Hampshire</option>
                                            <option value="NJ">New Jersey</option>
                                            <option value="NY">New York</option>
                                            <option value="NC">North Carolina</option>
                                            <option value="OH">Ohio</option>
                                            <option value="PA">Pennsylvania</option>
                                            <option value="RI">Rhode Island</option>
                                            <option value="SC">South Carolina</option>
                                            <option value="VT">Vermont</option>
                                            <option value="VA">Virginia</option>
                                            <option value="WV">West Virginia</option>
                                        </optgroup>
                                        </select>
                                    </div>
                                    <div class="span6">
                                        <label>Tag handler</label>
                                        <input type="text" id="s2_tag_handler" class="span12" value="green,white">
                                        <span class="help-block">Try to enter a space or a comma after tag.</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_fileupload">
                            <div class="w-box-header">
                                <h4>Fileupload</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                            <div class="input-append">
                                                <div class="uneditable-input input-small">
                                                    <i class="icon-file fileupload-exists"></i>
                                                    <span class="fileupload-preview"></span>
                                                </div>
                                                <span class="btn btn-file">
                                                    <span class="fileupload-new">Select file</span>
                                                    <span class="fileupload-exists">Change</span>
                                                    <input type="file">
                                                </span>
                                                <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span6">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                            <span class="btn btn-small btn-file"><span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file"></span>
                                            <span class="fileupload-preview"></span>
                                            <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none">×</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span4">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                            <div class="fileupload-new thumbnail" style="width: 150px; height: 150px;">
                                                <img src="img/dummy_150x150.gif" alt="">
                                            </div>
                                            <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px; max-height: 150px; line-height: 20px;"></div>
                                            <div>
                                                <span class="btn btn-small btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file"></span>
                                                <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                            <div class="fileupload-preview thumbnail" style="width: 150px; height: 150px;"></div>
                                            <div>
                                                <span class="btn btn-small btn-file">
                                                    <span class="fileupload-new">Select image</span>
                                                    <span class="fileupload-exists">Change</span>
                                                    <input type="file">
                                                </span>
                                                <a href="#" class="btn btn-small fileupload-exists" data-dismiss="fileupload">Remove</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                            <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;"><img src="img/dummy_50x50.gif" alt="" ></div>
                                            <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;"></div>
                                            <span class="btn btn-small btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file"></span>
                                            <a href="#" class="btn btn-small fileupload-exists" data-dismiss="fileupload">Remove</a>
                                        </div>
                                        <br />
                                        <div class="fileupload fileupload-new" data-provides="fileupload" style="text-align: right">
                                            <span class="btn btn-small btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file"></span>
                                            <a href="#" class="btn btn-small fileupload-exists" data-dismiss="fileupload">Remove</a>
                                            <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;"><img src="img/dummy_50x50.gif" alt="" ></div>
                                            <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_masked_inputs">
                            <div class="w-box-header">
                                <h4>Masked inputs</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span3">
                                        <input type="text" id="mask_date" class="span10">
                                    </div>
                                    <div class="span3">
                                        <input type="text" id="mask_phone" class="span10">
                                        <span class="help-block">(999) 999-9999</span>
                                    </div>
                                    <div class="span3">
                                        <input type="text" id="mask_product" class="span10">
                                        <span class="help-block">AA-999999a</span>
                                    </div>
                                    <div class="span3">
                                        <input type="text" id="mask_numeric" class="span10">
                                        <span class="help-block">&euro; 999.999,99</span>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span3">
                                        <input type="text" id="mask_mac" class="span10">
                                        <span class="help-block">MAC adress</span>
                                    </div>
                                    <div class="span3">
                                        <input type="text" id="mask_callback" class="span10">
                                        <span class="help-block">Oncomplete callback</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_strength_meter">
                            <div class="w-box-header">
                                <h4>Password strength meter and generator</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <input type="password" id="password_meter" class="span12">
                                        <div id="pwdMeter" class="progress progress-danger">
                                            <div class="bar" style="width: 0%"></div>
                                            <span class="pwdText"></span>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <div id="pwdGenerator"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_datepicker">
                            <div class="w-box-header">
                                <h4>Datepicker</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <label>Dafault</label>
                                        <input class="span8" value="12/02/2012" data-date-format="dd/mm/yyyy" id="dp1" type="text">
                                        <span class="help-block">dd/mm/yyyy</span>
                                    </div>
                                    <div class="span4">
                                        <label>Start from Year view</label>
                                        <input id="dpYear" data-date="11/6/2012" class="span8" data-date-format="mm/dd/yyyy" data-date-start-view="2" value="11/6/2012" type="text">
                                        <span class="help-block">mm/dd/yyyy</span>
                                    </div>
                                    <div class="span4">
                                        <label>As component</label>
                                        <div class="input-append date" id="dp2" data-date="18-11-2012" data-date-format="dd-mm-yyyy">
                                            <input class="span8" size="16" value="18-02-2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span4">
                                        <label>Start date</label>
                                        <div class="input-append date" id="dpStart" data-date-format="dd/mm/yyyy" data-date="20/11/2012">
                                            <input class="span6" size="16" value="20/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <label>End date</label>
                                        <div class="input-append date" id="dpEnd" data-date-format="dd/mm/yyyy" data-date="24/11/2012">
                                            <input class="span6" size="16" value="24/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_timepicker">
                            <div class="w-box-header">
                                <h4>Timepicker</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <label>Default timepicker</label>
                                        <div class="input-append bootstrap-timepicker-component">
                                            <input type="text" class="input-small" id="tp-default">
                                            <span class="add-on">
                                                <i class="icon-time"></i>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <label>Inside a modal</label>
                                        <input id="tp-24h" class="input-small" type="text">
                                        <span class="help-block">24h mode</span>
                                    </div>
                                    <div class="span4">
                                        <label>Without a template</label>
                                        <input id="tp-noTemplate" class="input-small" type="text">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_colorpicker">
                            <div class="w-box-header">
                                <h4>Colorpicker</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <input type="text" class="span6" value="#8fff00" id="cp1" >
                                    </div>
                                    <div class="span4">
                                        <input type="text" class="span8" value="rgb(0,194,255,0.78)" id="cp2" data-color-format="rgba" >
                                    </div>
                                    <div class="span4">
                                        <div class="input-append color" data-color="rgb(200, 0, 0)" data-color-format="rgb" id="cp3">
                                            <input type="text" class="span6" value="rgb(200, 0, 0)" readonly>
                                            <span class="add-on"><i style="background-color: rgb(200, 0, 0)"></i></span>
                                        </div>  
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_switch_buttons">
                            <div class="w-box-header">
                                <h4>Switch Buttons</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span3">
                                        <input type="checkbox" id="sb_off" />
                                        <span class="help-block">Default Off</span>
                                    </div>
                                    <div class="span3">
                                        <input type="checkbox" id="sb_on" checked />
                                        <span class="help-block">Default On</span>
                                    </div>
                                    <div class="span3">
                                        <input type="checkbox" id="sb_meta_a" class="{labelOn: 'Yes', labelOff: 'No'}" />
                                        <span class="help-block">Using Metadata</span>
                                    </div>
                                    <div class="span3">
                                        <input type="checkbox" id="sb_meta_b" class="{labelOn: 'True', labelOff: 'False', easing: 'easeOutBounce', duration: 500}" />
                                        <span class="help-block">Using Metadata</span>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span6">
                                        <div class="ibutton-group">
                                            <input type="radio" name="sb_radio1" class="sb_ch1 {labelOn: '1', labelOff: '1'}" />
                                            <input type="radio" name="sb_radio1" class="sb_ch1 {labelOn: '2', labelOff: '2'}" />
                                            <input type="radio" name="sb_radio1" class="sb_ch1 {labelOn: '3', labelOff: '3'}" />
                                        </div>
                                        <span class="help-block">Radio buttons</span>
                                    </div>
                                    <div class="span6">
                                        <div class="ibutton-group">
                                            <input type="radio" name="sb_radio2" class="sb_ch2" />
                                            <input type="radio" name="sb_radio2" class="sb_ch2" />
                                            <input type="radio" name="sb_radio2" class="sb_ch2" />
                                        </div>
                                        <span class="help-block">Radio buttons (uncheck allowed)</span>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span8">
                                        <input type="checkbox" id="sb_wb" />
                                        <span class="help-block">Long label</span>
                                    </div>
                                    <div class="span4">
                                        <input type="checkbox" id="sb_call" />
                                        <span class="help-block" id="sb_call_text">With callback</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_autosize_textarea">
                            <div class="w-box-header">
                                <h4>Autosize Textarea</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <textarea class="span12 autosize_textarea" cols="70" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="w-box" id="n_word_character_limiter">
                            <div class="w-box-header">
                                <h4>Textarea counter</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <label>Count characters and words</label>
                                        <textarea class="span12" id="count-textarea1" cols="70" rows="6"></textarea>
                                    </div>
                                    <div class="span6">
                                        <label>Count and limit characters</label>
                                        <textarea class="span12" id="count-textarea2" cols="70" rows="6"></textarea>    
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_spinners">
                            <div class="w-box-header">
                                <h4>UI Spinners</h4>
                                <div class="pull-right">
                                    <select id="spinners_culture">
                                        <option value="en-EN" selected>English</option>
                                        <option value="fr-FR">French</option>
                                        <option value="zh-CN">Chinese</option>
                                        <option value="ja-JP">Japanese</option>
                                    </select>
                                </div>
                            </div>
                            <div class="w-box-content cnt_a">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <label>Default Spinner</label>
                                        <input type="text" id="def_spinner" value="0">
                                    </div>
                                    <div class="span4">
                                        <label>Decimal Spinner</label>
                                        <input type="text" id="decimal_spinner" value="1244.55">
                                        <span class="help-block">Stacked buttons</span>
                                    </div>
                                    <div class="span4">
                                        <label>Numeric Spinner</label>
                                        <input type="text" id="numeric_min_max" value="20">
                                        <span class="help-block">min: -20; max: 100</span>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span4">
                                        <label>Time Spinner</label>
                                        <input id="time_spinner" name="spinner" value="01:30 PM" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_multiupload">
                            <div class="w-box-header">
                                <h4>Multiupload</h4>
                            </div>
                            <div class="w-box-content">
                                <div id="multi_upload" class="beoro-upload">
                                    <p>You browser doesn't have Flash, Silverlight or HTML5 support.</p>
                                </div>
                            </div>
                        </div>
                        <div class="w-box" id="n_wysiwg">
                            <div class="w-box-header">
                                <h4>WYSIWG Editor</h4>
                            </div>
                            <div class="w-box-content cnt_no_pad">
                                <textarea name="wysiwg_editor" id="wysiwg_editor" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                        <div class="w-box" id="n_regular_elements">
                            <div class="w-box-header">
                                <h4>Form controls</h4>
                            </div>
                            <div class="w-box-content cnt_a">
                                <form>
                                <fieldset>
                                    <legend>Regular</legend>
                                    <div class="row-fluid">
                                        <div class="span6">
                                            <label>Regular input</label>
                                            <input type="text" placeholder="Type something…" class="span8">
                                            <span class="help-block">block-level help</span>
                                            <label>Regular select</label>
                                            <select class="span8">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <label>Regular multiselect</label>
                                            <select multiple="multiple" class="span8">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <label>Radio buttons</label>
                                            <label class="radio">
                                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                                Lorem ipsum dolor sit...
                                            </label>
                                            <label class="radio">
                                                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                                                Lorem ipsum dolor sit...
                                            </label>
                                        </div>
                                        <div class="span6">
                                            <label>Textarea</label>
                                            <textarea rows="3" class="span8"></textarea>
                                            <label>Checkboxes</label>
                                            <label class="checkbox">
                                                <input type="checkbox" value="">
                                                Lorem ipsum dolor sit...
                                            </label>
                                            <label class="checkbox">
                                                <input type="checkbox" value="">
                                                Lorem ipsum dolor sit...
                                            </label>
                                            <label class="checkbox inline">
                                                <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
                                            </label>
                                            <label class="checkbox inline">
                                                <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
                                            </label>
                                            <label class="checkbox inline">
                                                <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
                                            </label>
                                        </div>
                                    </div>
                                </fieldset>
                                </form>
                                <form class="form-horizontal">
                                    <fieldset>
                                        <legend>Horizontal form</legend>
                                        <div class="control-group">
                                            <label class="control-label" for="inputEmail">Email</label>
                                            <div class="controls">
                                                <input type="text" id="inputEmail" placeholder="Email">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="inputPassword">Password</label>
                                            <div class="controls">
                                                <input type="password" id="inputPassword" placeholder="Password" class="sepH_b">
                                                <label class="checkbox">
                                                    <input type="checkbox"> Remember me
                                                </label>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn">Sign in</button>
                                            </div>
                                        </div>
                                    </fieldset>
                                </form>
                                <form>
                                    <fieldset>
                                        <legend>Prepended and appended inputs</legend>
                                        <div class="row-fluid">
                                            <div class="span3">
                                                <div class="input-prepend">
                                                    <span class="add-on"><i class="icon-envelope"></i></span><input type="text" size="16" class="span5">
                                                </div>  
                                            </div>
                                            <div class="span3">
                                                <div class="input-prepend">
                                                    <span class="add-on">(+256)</span><input type="text" size="16" class="span5">
                                                </div>  
                                            </div>
                                            <div class="span6">
                                                <div class="input-append">
                                                    <input type="text" size="16" class="span6"><button type="button" class="btn">Change</button><button type="button" class="btn">Ok</button>
                                                </div> 
                                            </div>
                                        </div>
                                        <div class="row-fluid">
                                            <div class="span4">
                                                <div class="input-append">
                                                    <input type="text" size="16" class="span5"><span class="add-on">.00</span>
                                                </div>
                                            </div>
                                            <div class="span4">
                                                <div class="input-prepend input-append">
                                                    <span class="add-on">$</span><input type="text" size="16" class="span5"><span class="add-on">.00</span>
                                                </div>
                                            </div>
                                            <div class="span4">
                                                <div class="input-append">
                                                    <input type="text" size="16" class="span5"><button type="button" class="btn">OK</button>
                                                </div> 
                                            </div>
                                        </div>
                                    </fieldset>    
                                </form>
                                <form>
                                    <fieldset>
                                        <legend>Progressbars</legend>
                                        <div class="row-fluid">
                                            <div class="span6">
                                                <div class="progress progress-info">
                                                    <div class="bar" style="width: 20%"></div>
                                                </div>
                                                <div class="progress progress-success">
                                                    <div class="bar" style="width: 40%"></div>
                                                </div>
                                                <div class="progress progress-warning">
                                                    <div class="bar" style="width: 60%"></div>
                                                </div>
                                                <div class="progress progress-danger">
                                                    <div class="bar" style="width: 80%"></div>
                                                </div>
                                            </div>
                                            <div class="span6">
                                                <div class="progress progress-info progress-striped active">
                                                    <div class="bar" style="width: 20%"></div>
                                                </div>
                                                <div class="progress progress-success progress-striped active">
                                                    <div class="bar" style="width: 40%"></div>
                                                </div>
                                                <div class="progress progress-warning progress-striped">
                                                    <div class="bar" style="width: 60%"></div>
                                                </div>
                                                <div class="progress progress-danger progress-striped">
                                                    <div class="bar" style="width: 80%"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>    
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; Your Company 2012</div>
                    </div>
                    <div class="span7">
                        <ul class="unstyled">
                            <li><a href="#">First link</a></li>
                            <li>&middot;</li>
                            <li><a href="#">Second link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>


    <!-- Forms -->  
        <!-- jQuery UI -->
            <script src="js/lib/jquery-ui/jquery-ui-1.9.2.custom.min.js"></script>
        <!-- touch event support for jQuery UI -->
            <script src="js/lib/jquery-ui/jquery.ui.touch-punch.min.js"></script>
        <!-- progressbar animations -->
            <script src="js/form/jquery.progressbar.anim.min.js"></script>
        <!-- 2col multiselect -->
            <script src="js/lib/multi-select/js/jquery.multi-select.min.js"></script>
            <script src="js/lib/multi-select/js/jquery.quicksearch.min.js"></script>
        <!-- combobox -->
            <script src="js/form/fuelux.combobox.min.js"></script>
        <!-- file upload widget -->
            <script src="js/form/bootstrap-fileupload.min.js"></script>
        <!-- masked inputs -->
            <script src="js/lib/jquery-inputmask/jquery.inputmask.min.js"></script>
            <script src="js/lib/jquery-inputmask/jquery.inputmask.extensions.js"></script>
            <script src="js/lib/jquery-inputmask/jquery.inputmask.date.extensions.js"></script>
        <!-- enchanced select box, tag handler -->
            <script src="js/lib/select2/select2.min.js"></script>
        <!-- password strength metter -->
            <script src="js/lib/pwdMeter/jquery.pwdMeter.min.js"></script>
        <!-- datepicker -->
            <script src="js/lib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
        <!-- timepicker -->
            <script src="js/lib/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
        <!-- colorpicker -->
            <script src="js/lib/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
        <!-- metadata -->
            <script src="js/lib/ibutton/js/jquery.metadata.min.js"></script>
        <!-- switch buttons -->
            <script src="js/lib/ibutton/js/jquery.ibutton.beoro.min.js"></script>
        <!-- autosize textarea -->
            <script src="js/form/jquery.autosize.min.js"></script>
        <!-- textarea counter -->
            <script src="js/lib/jquery-textarea-counter/jquery.textareaCounter.plugin.min.js"></script>
        <!-- UI Spinners -->
            <script src="js/lib/jqamp-ui-spinner/globalize/globalize.min.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.fr-FR.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.ja-JP.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.zh-CN.js"></script>
            <script src="js/lib/jqamp-ui-spinner/compiled/jqamp-ui-spinner.min.js"></script>
            <script src="js/lib/jqamp-ui-spinner/compiled/jquery-mousewheel-3.0.6.min.js"></script>
        <!-- plupload and the jQuery queue widget -->
            <script type="text/javascript" src="js/lib/plupload/js/plupload.full.js"></script>
            <script type="text/javascript" src="js/lib/plupload/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
        <!-- WYSIWG Editor -->
            <script src="js/lib/ckeditor/ckeditor.js"></script>

            <script src="js/pages/beoro_form_elements.js"></script>

    </body>
</html>